/**
 * 扩展easyuidatagrid,使其支持当单元格内容超长时,鼠标移上去可显示出来
 * 使用方法:
         $('#dg').datagrid('doCellTip',{
             onlyShowInterrupt:false,
             position:'bottom',
             tipStyler:{'backgroundColor':'#fff000', borderColor:'#ff0000', maxWidth:'50px', boxShadow:'1px 1px 3px #292929'},
             contentStyler:{ paddingLeft:'5px'}
        });
 doCellTip方法的参数包含以下属性：
     名称 	              参数类型 	      描述以及默认值
     onlyShowInterrupt 	    string 	        是否只有在文字被截断时才显示tip，默认值为false，即所有单元格都显示tip。
     specialShowFields 	    Array 	        需要特殊定义显示的列，比如要求鼠标经过name列时提示standName列(可以是隐藏列)的内容,specialShowFields参数可以传入：[{field:'name',showField:'standName'}]。
     position 	            string 	        tip的位置，可以为top,botom,right,left。
     tipStyler 	            object 	        tip内容的样式，注意要符合jquery css函数的要求。
     contentStyler 	        object 	        整个tip的样式，注意要符合jquery css函数的要求。
 */
$.extend($.fn.datagrid.methods, {
    /**
     * 开打提示功能
     * @param {} jq
     * @param {} params 提示消息框的样式
     * @return {}
     */
    doCellTip:function (jq, params) {
        function showTip(showParams, td, e, dg) {
            //无文本，不提示。
            if ($(td).text() == "") return;

            params = params || {};
            var options = dg.data('datagrid');
            showParams.content = '<div class="tipcontent">' + showParams.content + '</div>';
            $(td).tooltip({
                content:showParams.content,
                trackMouse:false,
                position:params.position,
                onHide:function () {
                    $(this).tooltip('destroy');
                },
                onShow:function () {
                    var tip = $(this).tooltip('tip');
                    if(showParams.tipStyler){
                        tip.css(showParams.tipStyler);
                    }
                    if(showParams.contentStyler){
                        tip.find('div.tipcontent').css(showParams.contentStyler);
                    }
                }
            }).tooltip('show');

        };
        return jq.each(function () {
            var grid = $(this);
            var options = $(this).data('datagrid');
            if (!options.tooltip) {
                var panel = grid.datagrid('getPanel').panel('panel');
                panel.find('.datagrid-body').each(function () {
                    var delegateEle = $(this).find('> div.datagrid-body-inner').length ? $(this).find('> div.datagrid-body-inner')[0] : this;
                    $(delegateEle).undelegate('td', 'mouseover').undelegate('td', 'mouseout').undelegate('td', 'mousemove').delegate('td[field]', {
                        'mouseover':function (e) {
                            //if($(this).attr('field')===undefined) return;
                            var that = this;
                            var setField = null;
                            if(params.specialShowFields && params.specialShowFields.sort){
                                for(var i=0; i<params.specialShowFields.length; i++){
                                    if(params.specialShowFields[i].field == $(this).attr('field')){
                                        setField = params.specialShowFields[i];
                                    }
                                }
                            }
                            if(setField==null){
                                options.factContent = $(this).find('>div').clone().css({'margin-left':'-5000px', 'width':'auto', 'display':'inline', 'position':'absolute'}).appendTo('body');
                                var factContentWidth = options.factContent.width();
                                params.content = $(this).text();
                                if (params.onlyShowInterrupt) {
                                    if (factContentWidth > $(this).width()) {
                                        showTip(params, this, e, grid);
                                    }
                                } else {
                                    showTip(params, this, e, grid);
                                }
                            }else{
                                panel.find('.datagrid-body').each(function(){
                                    var trs = $(this).find('tr[datagrid-row-index="' + $(that).parent().attr('datagrid-row-index') + '"]');
                                    trs.each(function(){
                                        var td = $(this).find('> td[field="' + setField.showField + '"]');
                                        if(td.length){
                                            params.content = td.text();
                                        }
                                    });
                                });
                                showTip(params, this, e, grid);
                            }
                        },
                        'mouseout':function (e) {
                            if (options.factContent) {
                                options.factContent.remove();
                                options.factContent = null;
                            }
                        }
                    });
                });
            }
        });
    },
    /**
     * 关闭消息提示功能
     * @param {} jq
     * @return {}
     */
    cancelCellTip:function (jq) {
        return jq.each(function () {
            var data = $(this).data('datagrid');
            if (data.factContent) {
                data.factContent.remove();
                data.factContent = null;
            }
            var panel = $(this).datagrid('getPanel').panel('panel');
            panel.find('.datagrid-body').undelegate('td', 'mouseover').undelegate('td', 'mouseout').undelegate('td', 'mousemove')
        });
    }
});
/**
 * 当没有查询到任何数据时，显示此view
 */
var emptyDataView = $.extend({},$.fn.datagrid.defaults.view,{
    onAfterRender:function(target){
        $.fn.datagrid.defaults.view.onAfterRender.call(this,target);
        var opts = $(target).datagrid('options');
        var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
        vc.children('div.datagrid-empty').remove();
        if (!$(target).datagrid('getRows').length){
            var emptyMsg = opts.emptyMsg || "没有查询到任何数据...";
            var d = $('<div class="datagrid-empty"></div>').html(emptyMsg).appendTo(vc);
            d.css({
                position:'absolute',
                left:0,
                top:50,
                width:'100%',
                textAlign:'center'
            });
        }
    }
});

var createGridHeaderContextMenu = function(e, field) {
    e.preventDefault();
    var grid = $(this);/* grid本身 */
    var headerContextMenu = this.headerContextMenu;/* grid上的列头菜单对象 */
    if (!headerContextMenu) {
        var tmenu = $('<div style="width:100px;"></div>').appendTo('body');
        var asc = $('<div iconCls="icon-asc" field="asc">升序</div>').appendTo(tmenu);
        var desc = $('<div iconCls="icon-desc" field="desc">降序</div>').appendTo(tmenu);
        var filedHTML = $('<div iconCls="icon-columns"></div>');
        var span = $('<span>显示列/隐藏列</span>');
        var spdiv = $('<div></div>');
        var fields = grid.datagrid('getColumnFields');
        for ( var i = 0; i < fields.length; i++) {
            var fildOption = grid.datagrid('getColumnOption', fields[i]);
            if (!fildOption.hidden) {
                $('<div iconCls="icon-checked" field="' + fields[i] + '"/>').html(fildOption.title).appendTo(spdiv);
            } else {
                $('<div iconCls="icon-unchecked" field="' + fields[i] + '"/>').html(fildOption.title).appendTo(spdiv);
            }
        }
        span.appendTo(filedHTML);
        spdiv.appendTo(filedHTML);
        filedHTML.appendTo(tmenu);
        headerContextMenu = this.headerContextMenu = tmenu.menu({
            onClick : function(item) {
                var f = $(this).attr('field');
                var fieldProperty = $(item.target).attr('field');
                if (item.iconCls == 'icon-checked') {
                    grid.datagrid('hideColumn', fieldProperty);
                    $(this).menu('setIcon', {
                        target : item.target,
                        iconCls : 'icon-unchecked'
                    });
                }
                if (item.iconCls == 'icon-unchecked') {
                    grid.datagrid('showColumn', fieldProperty);
                    $(this).menu('setIcon', {
                        target : item.target,
                        iconCls : 'icon-checked'
                    });
                }
                var options;
                if (item.iconCls == 'icon-asc') {
                    options = grid.datagrid('options');
                    options.sortName = f;
                    options.sortOrder =fieldProperty;
                    grid.datagrid('reload');
                }
                if (item.iconCls == 'icon-desc') {
                    options = grid.datagrid('options');
                    options.sortName = f;
                    options.sortOrder =fieldProperty;
                    grid.datagrid('reload');
                }
            }
        });
    }
    headerContextMenu.attr('field',field);
    headerContextMenu.menu('show', {
        left : e.pageX,
        top : e.pageY
    });
};
//$.fn.datagrid.defaults.onHeaderContextMenu = createGridHeaderContextMenu;
//$.fn.treegrid.defaults.onHeaderContextMenu = createGridHeaderContextMenu;
